:root{
  --color: #575555;
  --border: 1px solid var(--color);
}

.pl10{
  padding-left: 10px;
}

.album{
  border: var(--border);
}

.album>.menu{
  height:35px;
  background-color: var(--color);
}

.album>.menu>a{
  text-decoration: none;
  line-height: 35px;
  color: white;
}

.album>.menu>a:hover{
  font-weight: bold;
}

.album> .content{
  display:flex;
}

.album>.content>.type-list{
  min-height: 300px;
  width: 200px;
  border-right: var(--border);
}

.album>.content>.type-list>a{
  text-decoration: none;
  display: block;
  padding: 10px;
  border-bottom: var(--border);
}

.album>.content>.type-list>a:hover{
  background-color: var(--color);
  color: white;
}

.album> .content >.photo-list{
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.album>.content> .photo-list> img{
  padding: 7px;
  margin: 7px;
  border: var(--border);
  width: 70px;
  height: 90px;
}
